.dile-tree {
  .el-tree-node {
    .el-tree-node__content {
      height: 2.5rem !important;
      border-radius: 0px !important;
      display: flex;
      align-items: center;
      width: 100%;
      span {
        margin-left: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      &:hover {
        background: var(--hover-bg);
      }
    }
    &:is(.is-current) {
      > .el-tree-node__content {
        background-color: var(--el-color-success-light-9);
        color: var(--el-color-success);
      }
    }
  }
}
